{% extends "special_menu.html" %}
{% load i18n %}
{% block search_div %}
<div id="id_search" class="news_topsearch">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
            <td width="45%"><div class="news_topsearch2"><table> <tr>
                <td class=""><div id="level_query"><table width="100%" class="tbl_form_search" id="id_form_search">
                    <tbody><tr class="header_div_left">
                        <td align="right"><label for="id_level_name" class="">{% trans '门禁权限组' %}</label></td>
                        <td><input id="id_level_name" type="text" name="" maxlength="50" value=""></td>
                        <td align="right"><label for="id_ac_tz__tzs_name" class="">{% trans '门禁时间段' %}</label></td>
                        <td><input id="id_ac_tz__tzs_name" type="text" name="" maxlength="20" value=""></td>
                    </tr></tbody>
                </table></div></td>
                <td  align="right">
                    <div align="right" style="" class="topSearchBtn floatR"><!--height:20px;-->
                        <span class="Link_blue1">
                            <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search_levels" class="floatL">{% trans "查询" %}</a>
                        </span>
                    </div>
               </td>
            </tr></table></div></td>
            <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
            <td width="45%"><div class="news_topsearch2"><table> <tr>
                <td class=""><div id="employee_query"><table width="100%" class="tbl_form_search" id="id_form_search">
                    <tbody><tr class="header_div_left">
                        <td align="right"><label for="id_PIN" class="">{% trans '人员编号' %}</label></td>
                        <td><input id="id_PIN" type="text" name="" maxlength="20" value=""></td>
                        <td align="right"><label for="id_EName" class="">{% trans '姓名' %}</label></td>
                        <td><input id="id_EName" type="text" name="" maxlength="24" value=""></td>
                        <td align="right"><label for="id_DeptID__name" class="">{% trans '部门名称' %}</label></td>
                        <td><input id="id_DeptID__name" type="text" name="" maxlength="20" value=""></td>
                    </tr></tbody>
                </table></div></td>
                <td  align="right">
                    <div align="right" style="" class="topSearchBtn floatR"><!--height:20px;-->
                        <span class="Link_blue1">
                            <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search_employee" class="floatL">{% trans "查询" %}</a>
                        </span>
                    </div>
               </td>
            </tr></table></div></td>
        </tr>
    </table>
</div>
{% endblock %}
{% block id_main_div %}
    {% if request.user|HasPerm:"contenttypes.can_SetAccessByLevel" %}
	<div id="level_by_employee" style="margin:15px 0px 10px 0px;">
		<div id="id_datalist" class="div_box l" style="width:47%; margin:0px 0px 0px 10px; _margin:0px 0px 0px 5px;"><h1>{% trans "编辑权限组人员" %}</h1>
		</div>
		<div id="id_extend" class="div_box r" style="width:48%; margin:0px 10px 0px 0px; _margin:0px 5px 0px 0px;"><h1 style="width:98%">{% trans "浏览权限组人员" %}</h1>
		</div>
    </div>
    {% endif %}
{% endblock %}
{% block getdatalist %}
    {% if request.user|HasPerm:"contenttypes.can_SetAccessByLevel" %}
    var after_object_action = function(){
        $("#id_datalist").hide();
    };
    var after_cancel = after_submit = function(){
        $("#id_datalist").show();
    };
    var refresh_left = function(){
        var $query_tr = $("#id_datalist #id_tbl tbody tr:first");
        if($query_tr.length > 0){
            $("#id_datalist #id_tbl tbody tr:first").click();
        }else{
            $('#id_extend').get(0).g.base_query=["access_level=0"];
            $('#id_extend').get(0).g.load_data();
        }
        return true;
    };
    var after_query = function(){
        refresh_left();
    };
    var after_submit = function(){
        var cur_row = $($("#id_datalist").get(0).current_row).attr("data");
        $("#id_datalist tr[data="+cur_row+"]").click();
        $("#id_datalist").show();
    };
    var process_str = function(string, num){
        if(string.length > num){
            string = string.substr(0, num) + "..."
        }
        return string;
    }
    var str_query="{% autoescape off %}{{query}}{% endautoescape %}";
    $("#id_datalist").model_grid({
        dbapp_url:"{{ dbapp_url }}",
        model_url:"{{ dbapp_url }}access/ACAccessLevel/",
        row_operations: ["OpAddEmp2Levels"],
        disabled_actions:["_change", "OpRemoveEmployee", "id_OpAddDoor2Levels"],
        init_after_get_jdata:function(){
            $("#id_datalist").get(0).g.a_div.after("<div class='floatL' style='_position:relative;_z-index:10;'><ul id='id_action_more' class='nav Link_blue2 font12 noUnderl floatL ul_action_more'><li><a href='javascript:void(0)' class='action_more'>{% trans '更多' %}...</a><ul class='action_more_list'></ul></li></ul></div>");
            var $app_menu=$("#id_datalist").get(0).g.a_div;
            var $menu_more=$(".action_more_list");
            var min_width=400;
            resize_menu($app_menu,$menu_more,min_width,"id_action_more");
            $('.nav li').sfHover();
            var base_query = ["access_level=0"];
            $("#id_OpAddEmp2Levels").remove();
            $("#id_extend").model_grid({
                "model_url": "{{ dbapp_url }}personnel/Employee/",
                "base_query": base_query,
                "model_actions": false,
                "object_actions": true,
                "fields_show": ["PIN", "EName", "DeptID.name"],
                "obj_edit": false,
                "async": false,
                "row_operations": [],
                layout_types: [],
                disabled_actions: ["_change","_delete","DeleteUserFace","DeleteUserPhoto","OpAddUserMsg","OpCardPrinting","id_OpPositionChange","PushUserFace","PushUserPhoto","OpDeleteTemplate","OpAdjustArea","OpAdjustDept","OpEmpType","OpIssueCard","OpLeave","OpRegisterFinger","OpSetAcc","OpTitileChange","OpUploadPhoto","OpDelLevelFromEmp", "OpSyncToDevice", "EnrollFP", "OpAddLevelToEmp", "OpAddLevel", "OpRemoveFromGroup", "DelBioData", 'AttSetting', 'AccessSetting','PayrollSetting', "EnableApp", "DisableApp", "APPSetting"]
            });
            $("#id_header_search_employee").click(function(){
                var bln_submit=true
			    var strwhere=[];
                $("#employee_query").find("input").each(function(){
                    var field_name = $(this).attr("id").replace("search_id_", "");
                    strwhere.push(field_name+"__icontains="+$(this).attr("value"));
                });
                var datalist= $("#id_extend").get(0);
                datalist.g.init_query=strwhere;
                datalist.g.load_data();
            });
            var $tr = $("#id_datalist #id_tbl tbody tr:first")
            if($tr.length > 0){
                $tr.click();
            }
        },
        on_row_click: function(grid, key, row_data){
            $('#id_extend').get(0).g.base_query=["access_level="+row_data];
            $('#id_extend').get(0).g.load_data()
            var level_name = $($("#id_datalist tr[data="+row_data+"]").find("td")[1]).text();
            var timezones = $($("#id_datalist tr[data="+row_data+"]").find("td")[2]).text();
            $("#id_extend h1").text("{% trans '浏览' %} "+process_str(level_name, 15)+"("+timezones+")"+"{% trans '人员' %} ");
            var actions = $("#id_extend div.action").find('li a');
            for(var i=0; i < actions.length; i++){
                var ref = $(actions[i]).attr('ref');
                var orgn = ref.split('?access_level')[0];
                $(actions[i]).attr('ref', orgn+'?access_level='+row_data);
            }
        }
    });
    $("#id_header_search_levels").click(function(){
        var bln_submit=true
        var strwhere=[];
        $("#level_query").find("input").each(function(){
            var field_name = $(this).attr("id").replace("search_id_", "");
            strwhere.push(field_name+"__icontains="+$(this).attr("value"));
        });
        var datalist= $("#id_datalist").get(0);
        datalist.g.init_query=strwhere;
        datalist.g.load_data();
    });
    {% endif %}
{% endblock %}